body {
	background-color: #F8F8F8
}

.headers {
	margin: 0 auto;
	background-image: url(../images/membg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	overflow: hidden;
	min-height: 130px
}

.userimg {
	width: 21.25%;
	margin-top: 6.5%;
	margin-left: 4%
}

.userimg img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	border-radius: 50%
}

.userinfo {
	/*width: 56%;2015-12-21 04:56:47 by helong*/
	height: 50%;
	margin-top: 4%;
	padding-left: 4%
}

.userinfo h2 {
	font-size: 16px;
	color: #fff;
	font-family: "微软雅黑"
}

.userinfo h2 strong {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	max-width: 60%;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.userinfo h2 span {
	display: inline-block;
	font-size: 12px;
	background-color: #FF7900;
	padding: 0 5px;
	border-radius: 15px;
	margin-left: 2%;
	vertical-align: top
}

.userinfo h2 span strong {
	overflow: inherit
}

.userinfo p {
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	font-family: "微软雅黑"
}

.userinfo p strong {
	font-weight: 400;
	color: #FF7701
}

.userinfo h3 {
	color: #fff;
	font-family: "微软雅黑";
	font-size: 14px;
	position: relative
}

.userinfo h3 b,.userinfo h3 strong {
	font-weight: 400;
	color: #333
}

.userinfo h3 strong {
	color: #FF7701
}

.userinfo h3 b {
	display: inline-block;
	background-color: #fff;
	height: 25px;
	line-height: 25px;
	border-radius: 15px;
	padding: 0 8px;
	margin-left: 8px;
	font-size: 12px;
	text-align: center
}

.userinfo h3 b span {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	text-align: center;
	color: #fff;
	background-color: #FF7900;
	font-size: 12px
}

.J-point {
	font-style: normal
}

.myif_er {
	margin-top: 25px
}

.myif_er img {
	display: block;
	width: 60%;
	margin: 0 auto;
	padding: 0;
	border: 0
}

.webmsg {
	width: 12%;
	margin-top: 8.5%;
	margin-right: 2px
}

.msgnum {
	width: 20px;
	margin: 0 auto;
	position: relative;
	z-index: 0
}

.msgnum img {
	display: block;
	width: 100%
}

.msgnum span {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background-color: #FF7800;
	border-radius: 50%;
	position: absolute;
	right: -10px;
	top: -10px
}

.mainmodule {
	width: 100%
}

.mainTab {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #fff
}

.mainTab ul {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.mainTab ul li {
	display: inline-block;
	width: 50%;
	height: 37px;
	line-height: 37px;
	text-align: center;
	float: left;
	border-bottom: 1px solid #ddd;
	border-top: 2px solid #6c6b69;
	background: #f6f2f1
}

.mainTab ul li a {
	display: block;
	color: #333;
	font-size: 14px
}

.mainTab ul li:first-child a {
	border-right: 1px solid #ddd
}

.mainTab ul li.cur {
	height: 37px;
	line-height: 37px;
	border-top: 2px solid #FF7800;
	background: #FFF;
	border-bottom: 0
}

.mainicon {
	width: 100%;
	padding-top: 8px;
	background: #fff
}

.mainicon ul {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 12px 0
}

.mainicon ul li {
	display: inline-block;
	width: 25%;
	height: 100%;
	float: left;
	text-align: center;
	position: relative
}

.mainicon ul li .nb {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	border: 2px solid #ffa131;
	border-radius: 50%;
	top: -12px;
	background: #FFF;
	left: 50%;
	margin-left: 4px;
	color: #ffa131
}

.mainicon ul li:first-child .nb i {
	position: relative;
	display: inline-block;
	right: 2px;
	top: -5px
}

.mainicon ul li a {
	display: block;
	width: 75%;
	margin: auto
}

.mainicon ul li img {
	display: block;
	margin: 0 auto;
	width: 25px
}

.mainicon ul li:last-child img {
	width: 30px;
	margin-top: -5px
}

.mainicon ul li p {
	line-height: 24px
}

.mainicon ul li a p {
	color: #666;
	font-size: 12px
}

.mianad {
	width: 100%;
	height: auto;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.mianad img {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0
}

.mainlist {
	width: 100%;
	height: auto;
	padding-top: 10px
}

.mainlist ul {
	display: block;
	height: auto;
	background-color: #fff;
	margin-bottom: 10px
}

.mainlist ul li {
	display: block;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #F5F5F5
}

.mainlist ul li i {
	display: inline-block;
	width: 16px;
	padding-top: 4px;
	float: left;
	padding-left: 15px
}

.mainlist ul li img {
	display: block;
	width: 100%;
	padding: 0;
	margin-top: 8px
}

.mainlist ul li a {
	display: block;
	width: 87%;
	float: left;
	padding-left: 8px;
	color: #323232;
	font-size: 15px;
	position: relative;
	z-index: 11
}

.mainlist ul li a span {
	display: block;
	width: 12px;
	height: 100%;
	text-align: left;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	text-indent: -999px;
	background-image: url(../images/icon_arr.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px auto
}

.mainlist ul li a b {
	display: inline-block;
	min-width: 40px;
	line-height: normal;
	border-radius: 20px;
	background-color: #FF7900;
	color: #fff;
	text-align: center;
	font-size: 10px;
	position: absolute;
	right: 24px;
	top: 50%;
	padding: 3px;
	font-weight: 400;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.mainlist ul li.icon_addr img {
	width: 12px
}

.trader ul li {
	width: 20%
}

.trader ul li a p {
	font-size: 14px;
	color: #F70
}

.myIntegral {
	width: 100%;
	background-color: #fff;
	overflow: hidden
}

.Integral {
	width: 80px;
	height: 80px;
	text-align: center;
	color: #fff;
	background-color: #FF8F09;
	padding: 5px;
	border-radius: 50%;
	margin: 20px auto;
	font-size: 16px
}

.Integral p {
	height: 40px;
	font-size: 22px;
	overflow: hidden
}

.Integral p:first-child {
	line-height: 50px;
	font-size: 16px
}

.Integral p:last-child {
	line-height: 20px
}

.getpros {
	margin: 5px auto 0;
	text-align: center
}

a.changepro {
	padding: 5px 10px 5px 25px;
	background-color: #E2E0E1;
	color: #333;
	font-size: 13px;
	border-radius: 6px;
	position: relative;
	z-index: 11
}

a.changepro i {
	display: block;
	width: 19px;
	height: 15px;
	background-image: url(../images/icon_change.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 5px;
	top: 7px
}

.getpros a .icon_change_red {
	background-image: url(../images/ico-red.png);
	background-size: 84%
}

.icon_change_pro {
	background-position: 0 0
}

.icon_change_list {
	background-position: 0 bottom
}

.IntegralDetail {
	padding: 10px;
	margin: 0;
	border: 0;
	background: 0 0
}

.IntegralDetail h2 {
	height: 20px;
	border-bottom: 1px solid #DBDADA;
	margin-bottom: 10px;
	position: relative;
	z-index: 11
}

.IntegralDetail h2 span {
	width: 80px;
	height: 20px;
	line-height: 20px;
	background-color: #fff;
	color: #656565;
	font-size: 14px;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -40px;
	text-align: center
}

.IntegralItem {
	position: relative;
	z-index: 11;
	border-bottom: 1px dashed #BFBFBF;
	padding: 5px 0;
	font-size: 14px
}

.IntegralItem span {
	position: absolute;
	right: 0;
	top: 25px;
	color: #0477C8;
	font-size: 16px
}

.IntegralItem h3,.IntegralItem p {
	line-height: 30px
}

.charges {
	width: 95%;
	border-collapse: collapse;
	margin: 10px auto 0
}

.charges td {
	width: 33.333%;
	text-align: center;
	font-size: 14px
}

.charges td span {
	display: block;
	width: 56px;
	height: 100%;
	position: relative;
	text-align: center;
	text-indent: 0;
	margin-left: 32px
}

.charges thead tr td {
	font-size: 16px
}

.charges tr td:first-child {
	width: 40%;
	text-align: left;
	text-indent: 36px
}

.charges tr td span i {
	display: block;
	height: 3px;
	font-size: 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: #ff8f09
}

.charges tr td:last-child {
	width: 10%
}

.charges thead td {
	height: 30px;
	border-bottom: 1px solid #C9C9C9
}

.charges tbody td {
	height: 50px;
	border-bottom: 1px dashed #BEBEBE
}

.charges tbody tr td:last-child,.charges tbody tr td:nth-child(2) {
	color: #575757
}

.charges tbody tr:first-child td:first-child {
	background-image: url(../images/icon_rank1.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	-webkit-background-size: 18px;
	background-size: 18px
}

.charges tbody tr:first-child td:first-child p {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.charges tbody tr:nth-child(2) td:first-child {
	background-image: url(../images/icon_rank2.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	-webkit-background-size: 18px;
	background-size: 18px
}

.charges tbody tr:nth-child(3) td:first-child {
	background-image: url(../images/icon_rank3.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	-webkit-background-size: 18px;
	background-size: 18px
}

.charges tbody tr td strong {
	color: #FF8F09;
	font-weight: 400
}

.cashitem {
	padding: 40px 20px 10px;
	background-color: #fff
}

.cashitem ul {
	display: block;
	height: 40px;
	border: 1px solid #E7E7E7;
	background-color: #fff
}

.cashitem ul li {
	width: 50%;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: center
}

.cashitem ul li:first-child p {
	border-right: 1px solid #E7E7E7
}

.cashitem ul li p {
	font-size: 14px
}

.cashitem ul li p strong {
	color: #FF7C08;
	font-family: "黑体";
	font-size: 14px
}

.getcash {
	width: 70%;
	height: 36px;
	margin: 10px auto 0
}

.getcash input {
	display: block;
	width: 48%;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	background-color: #FF8E08;
	color: #fff;
	border: 0;
	font-size: 14px;
	text-indent: 20px;
	background-image: url(../images/coin_pay.png);
	background-repeat: no-repeat;
	background-position: 30% center;
	-webkit-background-size: 20px;
	background-size: 20px
}

.mycash {
	width: 90%
}

.mycash input {
	text-indent: 0;
	background: #FF8E08
}

.cashnote {
	width: 78%;
	height: auto;
	margin: 10px auto 0
}

.cashnote .cashtext {
	line-height: 24px;
	font-size: 12px;
	color: #6B6B6B
}

.cashnote .cashtext strong {
	font-weight: 400;
	color: #FE9D40
}

.depositvip ul {
	height: 60px
}

.depositvip ul:first-child {
	border-bottom: 0
}

.depositvip ul li {
	height: 50px;
	line-height: 24px
}

.depositvip ul li:first-child p {
	border: 0
}

.depositvip ul li strong {
	color: #FF7C08;
	font-family: "黑体";
	font-size: 16px
}

.depositvip ul li>div {
	padding: 5px 0
}

.depositvip ul li:first-child>div {
	border-right: 1px solid #E7E7E7
}

.deposit {
	padding: 10px 0
}

.deposit span {
	top: 12px;
	right: 10px
}

.recharge {
	padding: 30px 10px;
	background-color: #fff
}

.rechargeitem {
	height: auto
}

.rechargeitem label {
	display: block;
	line-height: 30px;
	font-size: 12px
}

.rechargeitem label span {
	display: inline-block;
	float: left;
	width: 30%;
	height: 30px;
	line-height: 30px;
	text-align: right
}

.rechargeitem>label:first-child input {
	display: inline-block;
	float: left;
	width: 30%;
	height: 30px;
	padding-left: 5px;
	border: 1px solid #DEDDDD;
	background: 0 0;
	vertical-align: middle;
	margin: 0 5px
}

.paymethod {
	width: 80%;
	margin: 10px auto 0
}

.paymethod>label {
	display: inline-block;
	width: 46%;
	margin-bottom: 10px;
	border: 2px solid #052E5C;
	margin-right: 3%;
	position: relative;
	box-sizing: border-box
}

.paymethod>label.checked {
	border-color: #FE8314
}

.paymethod>label.checked i {
	display: block
}

.paymethod>label input {
	display: none;
	opacity: 0
}

.paymethod>label img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%
}

.rechargeinfo h3 {
	font-size: 12px
}

.getrecharge {
	display: block;
	width: 80%;
	margin: 10px auto 0;
	height: 36px;
	line-height: 36px;
	background-color: #FF8E08;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	border: 0
}

.popbg {
	position: fixed;
	z-index: 999998;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8)
}

.popcon {
	width: 80%;
	position: fixed;
	z-index: 999999;
	left: 50%;
	margin-left: -40%;
	top: 50%;
	margin-top: -40%
}

.popcon img {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0
},.trader .menbindex_fx {
	border-bottom: 0
}

.getw input {
	width: 100%
}

.poa {
	position: absolute
}

.forid {
	color: #fff;
	right: -15%;
	top: 2px
}

.charges_top {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	background-color: #f0f0f0
}

.charges_top span {
	color: #ff8f09
}